<div class="content-item-wrap navigate-wrap over">
    <div class="container wrap-content navigate-content pc-content-wrap wow slideInUp">
        <ul class="list-wrap clearfix navigate-list-wrap flex rcb">
            {dede:channelartlist typeid='33,33' orderby='typeid'}
            <li class="list-item navigate-list-item pos-r tran03">
                <div class="pic-wrap navigate-pic-wrap">
                    <img src="{dede:field name='typeicon' /}" alt="" class="pic-img navigate-pic-img" />
                </div>
                <a href="{dede:field name='typeurl' /}" class="list-item-a navigate-list-a flex ccc pos-a w100 h100 tran03">
                    <p class="navigate-title f-fff">{dede:field name='typename' /}</p>
                </a>
            </li>
            {/dede:channelartlist}
            {dede:channelartlist typeid='16,16' orderby='typeid'}
            <li class="list-item navigate-list-item pos-r tran03">
                <div class="pic-wrap navigate-pic-wrap">
                    <img src="{dede:field name='typeicon' /}" alt="" class="pic-img navigate-pic-img" />
                </div>
                <a href="{dede:field name='typeurl' /}" class="list-item-a navigate-list-a flex ccc pos-a w100 h100 tran03">
                    <p class="navigate-title f-fff">Design Thinking Salon</p>
                </a>
            </li>
            {/dede:channelartlist}
            {dede:arclist idlist='22,23'}
            <li class="list-item navigate-list-item pos-r tran03">
                <div class="pic-wrap navigate-pic-wrap">
                    <img src="[field:picname/]" alt="" class="pic-img navigate-pic-img" />
                </div>
                <a href="[field:arcurl/]" class="list-item-a navigate-list-a flex ccc pos-a w100 h100 tran03">
                    <p class="navigate-title f-fff">[field:fulltitle/]</p>
                </a>
            </li>
            {/dede:arclist}
        </ul>
    </div>

    <div class="mobile-content-wrap navigate-swiper-wrap none swiper-container">
        <ul class="list-wrap clearfix navigate-list-wrap flex rcb swiper-wrapper pt-1">
            {dede:channelartlist typeid='33,33' orderby='typeid'}
            <li class="list-item navigate-list-item pos-r tran03 swiper-slide">
                <a href="{dede:field name='typeurl' /}" class="pic-wrap navigate-pic-wrap tran03">
                    <img src="{dede:field name='typeicon' /}" alt="" class="pic-img navigate-pic-img tran03 w100 h100" />
                </a>
                <p class="navigate-title tran03 f-333 text-c">{dede:field name='typename' /}</p>
            </li>
            {/dede:channelartlist}
            {dede:channelartlist typeid='16,16' orderby='typeid'}
            <li class="list-item navigate-list-item pos-r tran03 swiper-slide">
                <a href="{dede:field name='typeurl' /}" class="pic-wrap navigate-pic-wrap tran03">
                    <img src="{dede:field name='typeicon' /}" alt="" class="pic-img navigate-pic-img tran03 w100 h100" />
                </a>
                <p class="navigate-title tran03 f-333 text-c">Design Thinking Salon</p>
            </li>
            {/dede:channelartlist}
            {dede:arclist idlist='22,23'}
            <li class="list-item navigate-list-item pos-r tran03 swiper-slide">
                <a href="[field:arcurl/]" class="pic-wrap navigate-pic-wrap tran03">
                    <img src="[field:picname/]" alt="" class="pic-img navigate-pic-img tran03 w100 h100" />
                </a>
                <p class="navigate-title tran03 f-333 text-c">[field:fulltitle/]</p>
            </li>
            {/dede:arclist}
        </ul>
    </div>
</div>
